<template>
    <div id="BillMange" :style="{ 'transition': isCollapse ? '.6s all' : '.35s all', 'width': isCollapse ? myWidth1 : myWidth2, 'height': myHeight }">
        <BillMain v-bind:studentdetail="studentdetail"></BillMain>
    </div>
</template>

<script>
import BillMain from '@/components/BillMain.vue';
export default {
    data(){
        return{
            myHeight: "",
            myWidth1: "",//未展开的宽度
            myWidth2: "",//展开了的宽度
        }
    },
    components:{BillMain},
    props: {
        userdetail: [],
        isCollapse: true,
        studentdetail: {},
        collegedata: []
    },
    created() {
        this.myHeight = window.innerHeight - 40 - 45 + "px";
        this.myWidth1 = window.innerWidth - 64 - 45 + "px"
        this.myWidth2 = window.innerWidth - 200 - 45 + "px"
    },
}
</script>

<style>
#BillMange {
    float: left;
}
</style>